.bjs-switch {

  /deep/ .el-switch__label {
    [data-theme="light"] & {
      color: $theme-color-light;
    }
    [data-theme="night"] & {
      color: $theme-color-night-dark;
    }
  }

  /deep/ .el-switch__label * {
    font-size: 12px;
  }

  /deep/ .el-switch__label.is-active {
    [data-theme="light"] & {
      color: #a4a4a4;
    }
    [data-theme="night"] & {
      color: #5a5a5a;
    }
  }

  /deep/ .el-switch__core {
    [data-theme="night"] & {
      border: 1px solid #5a5a5a;
      background-color: $theme-bg-color-night;
    }
    &:after {
      [data-theme="night"] & {
        background-color: $theme-color-night-dark-3;
      }
    }
  }
}

.bjs-switch.is-checked .el-switch__core {
  [data-theme="light"] & {
    border-color: $theme-color-light !important;
    background-color: $theme-color-light !important;
  }
  [data-theme="night"] & {
    border-color: $theme-color-night-dark !important;
    background-color: $theme-color-night-dark !important;
  }
  &:after {
    [data-theme="night"] & {
      background-color: $theme-color-night !important;
    }
  }
}

/*
inactive-color="#AEAEAE"
active-color="#CD5C5C"
 */